<!DOCTYPE html>
<html lang="ja">
<head>
    <meta charset="UTF-8">
    <title>確認書類のご登録</title>
    <link rel="stylesheet" href="/css/all.css">
</head>
<body>
    <!-- 页面头部导航 -->
    <div class="header">
        <div>
            <a href="#">カードサイト</a>
            <a href="#">お手続き</a>
            <a href="#">お問い合わせ</a>
            <a href="#">加盟店のお客様</a>
        </div>
    </div>

    <hr>
    <!-- 页面主标题 -->
    <div class="title-bar container0">確認書類のご登録</div>
    <div class="container">
        <hr>

        <!-- 表单开始：提交到 /apply/upload 的 POST 请求 -->
        <form action="/apply/benren" method="post" enctype="multipart/form-data">

            <!-- 确认书类上传部分 -->
            <div class="section-title"><strong>確認書類アップロードについて</strong></div>
            <div class="form-container">

                <!-- 区分字段 -->
                <div class="form-group">
                    <div class="label">区分</div>
                    <div class="input-group">本人
                        <!-- <input type="text" class="input-field" value="本人" readonly> -->
                    </div>
                </div>

                <!-- 本人確認資料1（必填） -->
                <div class="form-group">
                    <div class="label">本人確認資料1 <span><img src="/images/icon_required.png" alt=""></span></div>
                    <div class="input-group">
                        <input type="file" name="document1" accept=".pdf,.jpg,.png" required>
                        <span style="margin-left: 5px; color: #666;">未选择文件</span>
                    </div>
                </div>

                <!-- 本人確認資料2 -->
                <div class="form-group">
                    <div class="label">本人確認資料2</div>
                    <div class="input-group">
                        <input type="file" name="document2" accept=".pdf,.jpg,.png">
                        <span style="margin-left: 5px; color: #666;">未选择文件</span>
                    </div>
                </div>

                <!-- 本人確認資料3 -->
                <div class="form-group">
                    <div class="label">本人確認資料3</div>
                    <div class="input-group">
                        <input type="file" name="document3" accept=".pdf,.jpg,.png">
                        <span style="margin-left: 5px; color: #666;">未选择文件</span>
                    </div>
                </div>

                <!-- 本人確認資料4 -->
                <div class="form-group">
                    <div class="label">本人確認資料4</div>
                    <div class="input-group">
                        <input type="file" name="document4" accept=".pdf,.jpg,.png">
                        <span style="margin-left: 5px; color: #666;">未选择文件</span>
                    </div>
                </div>
            </div>

            <!-- 提交按钮 -->
            <div style="text-align: center; margin-top: 20px;">
                <button type="submit" class="button" style="background-color: #e91e63;">確定</button>
            </div>
        </form>

        <!-- 版权声明 -->
        <div class="container">
            <p style="text-align: center;">Copyright © H · All Rights Reserved ·</p>
        </div>
    </div>

<!--    &lt;!&ndash; 添加成功提示模态框 &ndash;&gt;-->
<!--    <div id="successModal" style="display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,0.5); z-index: 1000;">-->
<!--        <div style="position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); background-color: white; padding: 30px; border-radius: 10px; text-align: center;">-->
<!--            <h3 style="color: #4CAF50; margin-bottom: 20px;">恭喜你注册成功</h3>-->
<!--            <button onclick="closeModalAndRedirect()" class="button" style="background-color: #4CAF50;">确定</button>-->
<!--        </div>-->
<!--    </div>-->

<!--    <script>-->
<!--        // 检查URL参数，如果包含success则显示成功提示-->
<!--        window.onload = function() {-->
<!--            const urlParams = new URLSearchParams(window.location.search);-->
<!--            if (urlParams.has('success')) {-->
<!--                document.getElementById('successModal').style.display = 'block';-->
<!--            }-->
<!--        };-->

<!--        // 关闭模态框并跳转到首页-->
<!--        function closeModalAndRedirect() {-->
<!--            document.getElementById('successModal').style.display = 'none';-->
<!--            window.location.href = '/apply/A1A01WA01A01 入会申込情報入力';-->
<!--        }-->
<!--    </script>-->
</body>
</html>
